<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../include/taglib.jsp"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<meta name="viewport" content="width=device-width,user-scalable=0,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon-precomposed" href="${ctxAssets}/img/m/images/icon/logo-icon.png">
<title>${compName }</title>
<meta name="keywords" content="${seoName }">
<meta name="description" content="${seoName }">
	
<link href="${ctxAssets}/css/m/theme/default/style.css" rel="stylesheet" type="text/css">
<link href="${ctxAssets}/css/m/theme/default/common.css" rel="stylesheet" type="text/css">
<!--<script type="text/javascript" src="${ctxAssets}/js/m/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${ctxAssets}/js/m/global.js"></script>
<script type="text/javascript" src="${ctxAssets}/js/m/slide_show.js"></script>-->
			<script type="text/javascript">
				G_WEB_ROOT = "<%=basePath%>";
			</script>
<style>
/* .divcss5{ border:1px solid #000; width:300px; height:100px;overflow:hidden}  */
/* .divcss5 img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);}  */
</style>

</head>


<body>
<div id="wrapper">
	<div id="header">
		<em class="logo">${compName }</em>
		<em></em>
		<a href="${ctx }/m/catalog" class="siteMap"></a>
	</div>
 <div id="index">


		<div class="row">
			<div class="col-sm-12 " id="banner_img">
				<div class="phoneZone col-sm-3 slideShow" style="max-width: 100%;">
					<div class="slideBox" style="width: 100%; overflow: hidden; position: relative; height: 160px;">
						<ul class="slides" style="width: 515%; position: relative; transition-duration: 0s; transform: translate3d(-1242px, 0px, 0px);">
							<c:forEach items="${bannerImgPaths}" var="imgPath">
								<li>
									<a href="" target="_blank">
										<div class="divcss5"><img src="${ctx }/${imgPath }"></div>
									</a>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</div>
		</div>
			
			<!--<script type="text/javascript">
			$(document).ready(function(){
				$('.slides').bxSlider({});
			})
			</script>-->

		<div id="mainNav">
			<ul>
				<c:forEach items="${classifyList}" var="dto">
					<c:if test="${dto.name != '首页'}">
						<li><a href="${ctx }/m/productList?classifyId=${dto.id}">${dto.name }</a></li>
					</c:if>
				</c:forEach>
			</ul>
		</div>

		<div id="indexSearch">
			<div class="searchBox">
				<!--<form name="search" method="post" accept-charset="UTF-8" action="product">-->
				<input name="searchTxt" type="text" class="keyword" autocomplete="off" maxlength="128" value="产品搜索" onclick="formClick(this,'产品搜索')">
				<input id="searchTxtBtn" class="btnSearch" value="提交">
				<!--</form>-->
			</div>
		</div>
		<div id="Ks_mProductZone">
			<c:forEach items="${classifyList}" var="cDto">
			<c:if test="${cDto.name != '首页'}">
				<div class="incBox">
					<h3><a href="${ctx }/m/productList?classifyId=${cDto.id}" class="more">查看更多商品 &gt;</a>${cDto.name }</h3>
					<div class="productList">
					<c:forEach items="${cDto.productList}" var="dto">
						<dl>
						<dd>
						<p class="img"><a href="${ctx }/m/product?productId=${dto.id}"><img src="${ctx}/${dto.imgPath}" width="150" height="150"></a></p>
						<p class="name"><a href="${ctx }/m/product?productId=${dto.id}">${dto.name}</a></p>
						<p class="price showPrice">售价：￥${dto.price}元</p>
						<p class="price">月供：￥${dto.monthlyPayment}元</p>
						</dd>
						</dl>
					</c:forEach>
					</div>
				</div>
			</c:if>
			</c:forEach>
		</div>
</div>

<%@include file="../include/footer.jsp"%>

</div>
 
<%@include file="../include/footer_contact.jsp"%>
	
		<script js-main="" src="${ctx}/assets/js/require.js"></script>
		<script src="${ctxAssets}/js/biz/mHome.js"></script>
</body>
</html>